@charset "utf-8";
/* CSS Document */

/* base css */
html,body{ width:100%; height:100%;}
html{color:#000;font-size: 12px; font-family:"Microsoft Yahei"; background:#eaeaea;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration: none;outline: none;}
li{ list-style:none;}
.clr{clear:both; height:0; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

/* main css */
.wrap{ height:auto; overflow:hidden;}
.head{ height:30px; padding:5px 10px 0; background:#fff;}
.headRight ul li{ float:left; padding: 3px 0; margin:2px 0; border-radius: 5px; padding: 2px 10px; display:inline; color:#000; font-size: 14px;}
.headRight ul li.hover{ cursor: pointer;background: #9e9e9e;color: #fff;}
.headRight{ float:right;}
.head ul li{
    float: left;
}
.head ul li.logout{margin-left: 30px;}
.headLeft{}
.headLeft .info{ float:left; padding-left:20px; line-height:220%;}
.headLeft .info span{ padding:0 5px;}
.headLeft .info span.blue{ color:#3e80ff;}
.headLeft .info span.red{ color:#eb0000;}
.headLeft ul li{padding: 3px 0;}

.main{ height:auto; overflow:hidden; }

 .background{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
}

.loginForm{
    margin: 0 auto;
    width: 460px;
    height: 200px;
    position: relative;
    font-size: 20px;
    
    background: url(../images/formbg2.jpg);
    color: #fff;

    border-radius: 8px;
    /*-moz-box-shadow:inset 0 0 10px #e0dfdf;*/
    /*-webkit-box-shadow:inset 0 0 10px #e0dfdf;*/
    /*box-shadow:inset 0 0 10px #e0dfdf;*/
}

.loginForm .leftBtn{
    position: absolute;
    right:23px;
    top:74px;
    width: 78px;
    height: 65px;
    background-image: url(../images/loginBtn.jpg);
}

.loginForm .rightBtn{
    position: absolute;
    right:30px;
    bottom:10px;
    width: 170px;
    height: 30px;
    background: #646464;
    color: #fff;
    letter-spacing: 5px;
    /*border: 2px #000 solid;*/
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
}
.loginForm .leftBtn a:hover, .loginForm .rightBtn a:hover{
    cursor: pointer;
}
.loginForm label[for = user]{
    position: absolute;
    top:74px;
    left: 105px;
}
.loginForm label[for = pwd]{
    position: absolute;
    top:117px;
    left: 105px;
    letter-spacing: 20px;
}
.loginForm #user{
    position: absolute;
    top:74px;
    height: 24px;
    right: 116px;
    width: 266px;
}
.loginForm #pwd{
    position: absolute;
    top:117px;
    width: 266px;
    height: 24px;
    right: 116px;
}